$wc: #fff; // 白色

$fs36: 36rpx; // 正文字体大小
$fs34: 34rpx; // 正文字体大小
$fs32: 32rpx; // 正文字体大小
$fs30: 30rpx; // 正文字体大小
$fs28: 28rpx; // 正文字体大小
$fs26: 26rpx; // 正文字体大小
$fw800: 800; // 正文字体粗细
$mbg: #fff; // 模块颜色

$ch: 88rpx; // 可点击的高度

// 主体
.g-bd {
	padding: 0 30rpx 30rpx 30rpx;
}

// 正文字体
.f-zfs34 {
	font-size: $fs34;
}

.f-zfs32 {
	font-size: $fs32;
}

.f-zfs30 {
	font-size: $fs30;
}

.f-zfs28 {
	font-size: $fs28;
}

.f-zfs26 {
	font-size: $fs26;
}

// 正文字体粗细
.f-fw800 {
	font-weight: $fw800;
}

// padding上下间距
.f-ptb {
	padding: 5rpx 0; 
}

.f-mtb {
	margin: 0 15rpx; 
}

.s-mbg {
	background-color: $mbg;
}

// 提交按钮
.m-submit {
	box-sizing: border-box;
	margin: 30rpx;
	
	.u-btn {
		margin: 20rpx 0;
		padding: 30rpx;
		font-size: $fs28;
		color: #fff;
		background-color: #2A9F93;
	}
}

// 图标文字按钮
.u-btn-box {
	display: flex;
	align-items: center;
	padding: 22rpx;
	border: 1rpx #2A9F93 solid;
	border-radius: 20rpx;
	
	.u-btn-img {
		width: 44rpx;
		height: 44rpx;
	}
	
	.u-btn-txt {
		font-size: $fs28;
	}
}

// 图标文字输入框
.u-ipt-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18rpx;
	// border: 1rpx #2A9F93 solid;
	border-radius: 20rpx;
	
	.u-ipt-l {
		text-align: center;
	}
	
	.u-ipt-r {
		width: 90rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.m-list {
	.u-itm {
		padding: 22rpx;
		border-bottom: 1rpx #e5e5e5 solid;
		font-size: $fs28;
		
		.u-itm-content {
			display: flex;
			justify-content: space-between;
			align-items: center;
			
			.u-itm-l {
				width: 600rpx;
			}
			
			.u-itm-r {
				width: 90rpx;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}
	}
}

.u-nav-img, .u-list-img {
	width: 44rpx;
	height: 44rpx;
}

.u-img {
	width: 40rpx;
	height: 40rpx;
}

// 图片文字间隔，文字在右
.f-mr {
	margin-right: 30rpx;
}


.footer {
		display: flex;
		justify-content: center;
		align-items: center;
		
		height: 100rpx;
		font-size: 28rpx;
		color: #999;
	}

	.mask {
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, .5);
		z-index: 98;
	}



	
	
// 导航菜单列表
.m-menu {
	margin-top: 16rpx;
	padding: 0 20rpx;
	border-radius: 20rpx;
	background-color: #fff;
	box-shadow: 0px 0rpx 20rpx #ccc;
	
	.m-menu-itm {
		display: flex;
		align-items: center;
		justify-content: space-between;
		
		height: $ch;
		border-bottom: 1rpx #e5e5e5 solid;
		font-size: $fs36;
		font-weight: $fw800;
		
		.u-menu-l {
			display: flex;
			align-items: center;
			
			.u-menu-l-img {
				width: 44rpx;
				height: 44rpx;
				margin-right: 30rpx;
			}
		} 
		
		.u-menu-r {
			display: flex;
			align-items: center;
			.u-menu-r-img {
				width: 44rpx;
				height: 44rpx;
			}
		}
	}
}

// 导航菜单排列
.m-nav {
	display: flex;
	flex-wrap: wrap;
	margin: 30rpx;
	box-shadow: 0px 5rpx 5rpx #f0f0f0;
	border-radius: 20rpx;
	
	.u-nav-itm {
		flex: 0 0 25%;
		display: flex;
		flex-direction: column;
		align-items: center;
		
		margin: 20rpx 0;
		
		.u-nav-t {
			.u-nav-t-img {
				width: 80rpx;
				height: 80rpx;
				margin-bottom: 16rpx;
			}
		}
		
		.u-nav-b {
			font-size: $fs28;
			font-weight: $fw800;
		}
	}
	
}

// 列表类型 1 
.m-list1 {
	margin: 0 30rpx;
	box-sizing: border-box;
	border-radius: 20rpx;
	// box-shadow: 0px 5rpx 5rpx #f0f0f0;
	
	.u-list1-itm {
		.u-list1-itm-content {
			display: flex;
			justify-content: space-between;
			align-items: center;
			
			width: 100%;
			height: 88rpx;
			margin-bottom: 20rpx;
			border-bottom: 1rpx #e5e5e5 solid;
			
			.u-list1-l {
				width: 500rpx;
				
				.u-list1-l-txt1 {
					font-size: 28rpx;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
				
				.u-list1-l-txt2 {
					padding-top: 20rpx;
					font-size: 26rpx;
				}
			}
			
			.u-list1-r {
				display: flex;
				flex-direction: column;
				align-items: flex-end;
				
				.u-list1-r-img {
					width: 44rpx;
					height: 44rpx;
				}
				
				.u-list1-r-txt1 {
					font-size: 28rpx;
				}
				
				.u-list1-r-txt2 {
					padding-top: 20rpx;
					font-size: 26rpx;
				}
			}
		}
	}
}

// 列表类型 2
.m-list2 {
	padding: 0 30rpx;
	box-sizing: border-box;
	border-radius: 20rpx;
	
	.u-list2-itm {
		
		.u-list2-itm-content {
			display: flex;
			justify-content: space-between;
			align-items: center;
			
			width: 100%;
			height: 88rpx;
			border-bottom: 1rpx #e5e5e5 solid;
			
			.u-list2-l {
				width: 500rpx;
				font-size: 28rpx;
			}
			
			.u-list2-r {
				.u-list2-r-img {
					width: 44rpx;
					height: 44rpx;
				}
			}
		}
	}
}

// 列表类型 2
.m-list3 {
	padding: 0 30rpx;
	box-sizing: border-box;
	border-radius: 20rpx;
	
	.u-list3-itm {
		
		.u-list3-itm-content {
			display: flex;
			justify-content: space-between;
			align-items: center;
			
			width: 100%;
			height: 88rpx;
			border-bottom: 1rpx #e5e5e5 solid;
			font-size: 28rpx;
			
			.u-list3-l {
			}
			
			.u-list3-m {
			}
			
			.u-list3-r {
				.u-list3-btn1 {
					padding: 0 20rpx;
					
					
				}
			}
			
			.u-list3-img {
				width: 44rpx;
				height: 44rpx;
				margin-right: 20rpx;
			}
			
			.f-row {
				display: flex;
				align-items: center;
			}
			
			.u-btn {
				padding: 20rpx;
			}
		}
	}
}

// 表单
.m-form {
	padding: 0 30rpx;
	
	.u-form-itm {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 88rpx;
		border-bottom: 1rpx #e5e5e5 solid;
		
		.u-form-l {
			display: flex;
			align-items: center;
			width: 200rpx;
			
			
			.u-form-l-img {
				width: 44rpx;
				height: 44rpx;
				margin-right:20rpx;
			}
			
			.u-label {
				font-size: 28rpx;
			}
		}
		
		.u-form-r {
			// 输入框
			.u-ipt {
				width: 490rpx;
				text-align: right;
				font-size: 28rpx;
			}
			
			// 单选框
			.u-radio {
				width: 490rpx;
				text-align: right;
				font-size: 28rpx;
				
				radio {
					width: 45rpx;
					height: 45rpx;
					margin: -15rpx 15rpx 0 20rpx;
					transform: scale(0.7);
				}
			}
		}
	}
	
	.u-form-sub {
		.u-btn {
			margin: 20rpx 0;
			padding: 30rpx;
			font-size: $fs28;
			color: #fff;
			background-color: #2A9F93;
		}
	}
}

	.m-alert {
		// height: 30rpx;
		margin-bottom: 30rpx;
		padding: 20rpx 30rpx;
		font-size: 24rpx;
		background-color: #fcf7ec;
		color: #d8ab81;
	}